﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>帐单-记账网</title>
<link href="theme/css/common.css" rel="stylesheet">
</head>

<body>
<header class="head">
	<h1 class="logo" title="cost.im"><a href="/" class="hide-txt">记账网</a></h1>
	<nav class="menu">
		<a href="" class="current"><b class="hide-txt">Write New</b></a><a href=""><b class="hide-txt">View List</b></a>
	</nav>
</header>
<section class="main">
	<article class="content">
		<inner class>
			<hd>
				<form class="write">
					<fieldset>
						<legend>Write new</legend>
						<p class="custom-select"><label>类别</label><select name="class"><option value="">支出类别</option></select></p>
						<p><label>项目</label><input type="text" name="detail" placeholder="消费项目"></p>
						<p><label>金额</label><input type="text" name="price" placeholder="金额"></p>
						<p class="custom-select"><label>日期</label><input type="text" name="date" placeholder="日期"></p>
						<p><button type="submit" class="btn-submit">submit</button></p>
					</fieldset>
				</form>
				<calendar>
					<select class="change-month"><option>2011-11</option></select>
					<datelist></datelist>
				</calendar>
			</hd>
			<bd></bd>
		</inner>
	</article>
	<aside class="side">
		<mod>
			<inner>
				<hd>
					<h2>登录</h2>
				</hd>
				<bd>
					<form>
						<p><input type="text" name="username"><label>Username</label></p>
						<p><input type="password" name="password"><label>Password</label></p>
						<p><button type="submit">Log In</button></p>
					</form>
				</bd>
			</inner>
		</mod>
		<mod>
			<inner>
				<hd>
					<h2>关于</h2>
				</hd>
				<bd>
					<p>这是个人记账本，主要用来记录我日常消费</p>
				</bd>
			</inner>
		</mod>
	</aside>
</section>
<footer class="foot">

</footer>
</body>
</html>
